<template>
  <a-layout-footer class="footer">
    <a-space
      class="links"
      style="
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
      "
    >
      <div class="links" style="display: flex; align-items: center">
        <!--        <a-link href="link">联系我们</a-link>-->
        <!--        <a-link href="link">企业邮箱</a-link>-->
        <div>{{ userStore?.pageInfo?.web_copyright }}</div>
      </div>
      <div
        ><a-link target="_blank" :href="userStore?.pageInfo?.web_filing_url">{{
          userStore?.pageInfo?.web_filing
        }}</a-link></div
      >
    </a-space>
  </a-layout-footer>
</template>

<script lang="ts" setup>
  import { useUserStore } from '@/store';

  const userStore = useUserStore();
</script>

<style lang="less" scoped>
  .footer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    color: var(--color-text-2);
    text-align: center;
    .links {
      margin-right: 20px;
      a {
        color: #4e5969;
      }
    }
  }
</style>
